<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- STYLESHEETS --><!--[if lt IE 9]>
    <script src="../../js/flot/excanvas.min.js"></script>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
    <link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css">
    <link rel="stylesheet" type="text/css" href="../../css/themes/default.css" id="skin-switcher">
    <link rel="stylesheet" type="text/css" href="../../css/responsive.css">
    <link href="../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- SELECT2 -->
    <link rel="stylesheet" type="text/css" href="../../js/select2/select2.min.css"/>
    <!-- UNIFORM -->
    <link rel="stylesheet" type="text/css" href="../../js/uniform/css/uniform.default.min.css"/>
    <!-- datatable -->
    <link rel="stylesheet" href="../../js/datatables/datatable.css">
    <link rel="stylesheet" href="../../js/datepicker/datepicker.css">
    <!-- FONTS
    <link href='http://fonts.useso.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
-->
</head>
<body>
<header class="navbar clearfix" id="header">
</header>
<!-- PAGE -->
<section id="page">
    <!-- SIDEBAR -->
    <div id="sidebar" class="sidebar">
        <div class="sidebar-menu nav-collapse">
            <!-- SIDEBAR MENU -->
            <ul>
            </ul>
            <!-- /SIDEBAR MENU -->
        </div>
    </div>
    <!-- /SIDEBAR -->
    <div id="main-content">
        <div class="modal fade" id="box-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">批量发放</h4>
                    </div>
                    <div class="modal-body">
                        <form id="batchSetting_form">
                            <div class="form-group">
                                <label class="control-label col-md-3" style="line-height:36px;">优惠券名称：</label>
                                <div class="col-md-8" style="line-height:36px;">
                                    <span id="couponTitle" style="font-size: 18px;font-weight: bold;"></span>
                                    <input type="hidden" name="couponBatchId"/>
                                </div>
                            </div>
                            <hr/>
                            <!--<div class="form-group">
                                <label class="control-label col-md-3" style="line-height:34px;"><span class="required">*</span>消息标题：</label>
                                <div class="col-md-8">
                                    <textarea class="form-control" style="width:342px;height: 58px;" name="firstData" placeholder="请输入消息标题">
                                    </textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3" style="line-height:34px;">账号：</label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" name="keyword1" readonly="readonly" value="壹果商城账号"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3" style="line-height:34px;">有效期：</label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" name="keyword2" readonly="readonly"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3" style="line-height:34px;">备注：</label>
                                <div class="col-md-8">
                                    <textarea class="form-control " style="width:342px;height: 58px;" name="remark" placeholder="请输入消息备注">
                                    </textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3" style="line-height:34px;"><span class="required">*</span>跳转链接：</label>
                                <div class="col-md-8">
                                    <textarea class="form-control " style="width:342px;height: 58px;" name="link" placeholder="请输入跳转链接">
                                    </textarea>
                                </div>
                            </div>
                            <hr/>-->
                            <div class="form-group">
                                <label class="control-label col-md-3" style="line-height:34px;">可领取用户：</label>
                                <div class="col-md-8" id="receiveType" style="line-height:34px;">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3" style="line-height:34px;"><span class="required">*</span>测试手机号：</label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" name="testUserName" value="15811543437" maxlength="20"/>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-success bt-save" disabled="disabled">发送</button>
                        <button type="button" class="btn btn-warning bt-test">测试发放</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="qrCode_config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <img id='qrCode' alt="" src="">
        </div>
        <div class="container">
            <div class="row">
                <div id="content" class="col-lg-12">
                    <!-- PAGE HEADER-->
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="page-header">
                                <!-- STYLER -->

                                <!-- /STYLER -->
                                <!-- BREADCRUMBS -->
                                <ul class="breadcrumb">
                                    <li>
                                        <i class="fa fa-home"></i>
                                        <a href="index.html">首页</a>
                                    </li>
                                    <li>
                                        <a href="#">营销管理</a>
                                    </li>
                                    <li>优惠劵</li>
                                </ul>
                                <!-- /BREADCRUMBS -->
                            </div>
                        </div>
                    </div>
                    <!-- /PAGE HEADER -->
                    <!-- FORMS QUERY-->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="box border primary">
                                        <div class="box-title">
                                            <h4><i class="fa fa-bars"></i>查询条件</h4>
                                        </div>
                                        <div class="box-body big" style="padding:10px;">
                                            <form class="form-horizontal" role="form" id="form_coupon">
                                                <div class="form-group mrg-bt10">
                                                    <label class="col-sm-1 control-label" style="width: auto">优惠券名称：</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" name="q" placeholder="输入关键字">
                                                    </div>

                                                    <label class="col-sm-1 control-label" for="e1" style="width: auto">状态：</label>
                                                    <div class="col-sm-2">
                                                        <select id="status_select" class="col-md-12 select2-offscreen" tabindex="-1">
                                                            <option value=-1>选择状态</option>
                                                            <option value="NotStarted">未开始</option>
                                                            <option value="Running">进行中</option>
                                                            <option value="Completed">已完成</option>
                                                        </select>
                                                    </div>
                                                    <label class="col-sm-1 control-label" style="width: auto">有效日期：</label>
                                                    <div class="col-sm-3" style="display:inline-flex">
                                                        <div class="col-sm-2" style="width:130px;padding-left:5px">
                                                            <input type="text" name="startDate" class="form-control bootstrap-datepicker">
                                                        </div>
                                                        <div style="width: 20px">至</div>
                                                        <div class="float-left" style="width:100px">
                                                            <input type="text" name="endDate" class="form-control bootstrap-datepicker">
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-1">
                                                        <a class="btn btn-primary search">查询</a>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /FORMS QUERY -->
                    <div class="row" style="height: 30px;">
                        <div class="col-md-12">
                            <div class="box ">
                                <a href="add_coupon.html" class="btn btn-success config">
                                    <i class="fa  fa-plus-square-o"></i> 新增优惠劵
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <!-- TABLES -->
                        <div class="col-md-12">
                            <!-- BOX -->
                            <div class="box border primary">
                                <div class="box-title">
                                    <h4><i class="fa fa-table"></i>优惠券批次数：<span id="total"></span> 条</h4>

                                </div>
                                <div class="box-body">
                                    <table id="db_coupon_list" cellpadding="0" cellspacing="0" border="0"
                                           class="datatable table table-striped table-bordered table-hover">

                                    </table>
                                </div>
                            </div>
                            <!-- /BOX -->
                        </div>
                    </div>
                    <!-- /TABLES -->
                    <div class="footer-tools">
							<span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
                    </div>
                </div><!-- /CONTENT-->
            </div>
        </div>
    </div>
</section>
<!--/PAGE -->
<!-- JAVASCRIPTS -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- JQUERY -->
<script src="../../js/jquery/jquery-2.0.3.min.js"></script>
<!-- BOOTSTRAP -->
<script src="../../bootstrap-dist/js/bootstrap.min.js"></script>
<!-- BLOCK UI -->
<script type="text/javascript" src="../../js/jQuery-BlockUI/jquery.blockUI.min.js"></script>
<!-- AUTOSIZE -->
<script type="text/javascript" src="../../js/autosize/jquery.autosize.min.js"></script>
<!-- spinner -->
<script src="../../js/spinner/spin.js"></script>
<!--bootbox-->
<script type="text/javascript" src="../../js/bootbox/bootbox.min.js"></script>
<!-- DATA TABLES -->
<script type="text/javascript" src="../../js/datatables/bootstrap-select.js"></script>
<script type="text/javascript" src="../../js/datatables/datatable.js"></script>
<script type="text/javascript" src="../../js/datatables/datatable-bootstrap.js"></script>
<script type="text/javascript" src="../../js/datatables/datatable-tabletools.js"></script>
<script type="text/javascript" src="../../js/datatables/fnAddTr.js"></script>
<!-- INPUT MASK -->
<script type="text/javascript" src="../../js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>
<!-- SELECT2 -->
<script type="text/javascript" src="../../js/select2/select2.min.js"></script>
<!-- UNIFORM -->
<script type="text/javascript" src="../../js/uniform/jquery.uniform.min.js"></script>
<script type="text/javascript" src="../../js/datepicker/datepicker.js"></script>
<!-- COOKIE -->
<script type="text/javascript" src="../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
<!-- CUSTOM SCRIPT -->
<script src="../../js/script.js"></script>
<script src="../../js/common.js"></script>
<script>
    var Coupon = function () {
        var $mainDataTable = null;
        var remarkData = '';
        var searchCoupon = function () {
            var startDate = $("#form_coupon input[name=startDate]").val();
            var endDate = $("#form_coupon input[name=endDate]").val();
            var q = $("input[name=q]").val();
            var status = $("#status_select").val();
            var url = App.getContextPath() + "admin/coupon/searchCoupon.do?q=" + q;
            if (status != -1 && status != null)
                url += "&pStatus=" + status;
            if (startDate != "")
                url += "&startDate=" + startDate;
            if (endDate != "")
                url += "&endDate=" + endDate;
            if ($mainDataTable) {
                $mainDataTable.api().ajax.url(url).load();
                return;
            }
            var dtSetting = $.dataTableSetting({
                "ajaxSource": url,
                "serverSide": true,
                "bFilter": false,// 去掉搜索框
                "bLengthChange": true,// 每页显示数量
                "sScrollX": "100%",
                "sScrollXInner": "100%",
                "iDisplayLength": 10,
                "bSort": false,
                "aoColumns": [{
                    "mDataProp": "id",
                    "sTitle": "批次ID",
                    "width": "5%"
                }, {
                    "mDataProp": "couponTitle",
                    "sTitle": "优惠劵名称",
                    "className": "couponTitle",
                    "width": "12%",
                    "render": function (data, type, row) {
                        return "<a href='coupon_detail.html?q=" + row.couponTitle + "'>" + row.couponTitle + "</a>";
                    }
                }, {
                    "sTitle": "面值",
                    "mDataProp": "faceValue",
                    "className": "faceValue",
                    "width": "4%"
                }
                    , {
                        "sTitle": "有效期 / 顺延天数",
                        "className": "validDate",
                        "width": "10%",
                        "render": function (data, type, row) {
                            if (row.startDate != null) {
                                return $.getLocalDate(row.startDate) + " 至   " + $.getLocalDate(row.endDate);
                            } else {
                                return row.postponeDays;
                            }
                        }
                    }, {
                        "sTitle": "可领取用户",
                        "mDataProp": "receiveType",
                        "className": "receiveType",
                        "width": "6%",
                        "render": function (data, type, row) {
                            switch (row.receiveType) {
                                case 0:
                                    return "全部用户";
                                case 1:
                                    return "新用户";
                                case 2:
                                    return "女王";
                            }
                        }
                    }, {
                        "sTitle": "可用平台",
                        "mDataProp": "salesPlatform",
                        "className": "salesPlatform",
                        "width": "5%",
                        "render": function (data, type, row) {
                            switch (row.salesPlatform) {
                                case "Yijiadian":
                                    return "壹家店";
                                case "Yiigoo":
                                    return "壹果";
                                default:
                                    return "-";
                            }
                        }
                    }, {

                        "sTitle": "发放数量",
                        "width": "5%",
                        "render": function (data, type, row) {
                            if (row.couponType == "Postpone") {
                                return format_number(row.receivedCount);
                            } else {
                                return format_number(row.sendNum);
                            }
                        }
                    }, {

                        "sTitle": "领取数量",
                        "width": "5%",
                        "render": function (data, type, row) {
                            return format_number(row.receivedCount);
                        }
                    }, {
                        "mDataProp": "useNum",
                        "sTitle": "使用数量",
                        "width": "5%",
                        "render": function (data, type, row) {
                            return format_number(row.usedCount);
                        }
                    }, {
                        "sTitle": "状态",
                        "className": "status",
                        "width": "4%",
                        "render": function (data, type, row) {
                            if (row.startDate == null) return "进行中";
                            if ($.getTimeStamp(row.startDate) < 0) return "未开始";
                            if ($.getTimeStamp(row.endDate) < 0) return "进行中";
                            if ($.getTimeStamp(row.endDate) >= 0) return "已完成";
                        }
                    }, {

                        "sTitle": "创建时间",
                        "width": "8%",
                        "render": function (data, type, row) {
                            return $.getLocalTime(row.createTime);
                        }
                    }, {
                        "sTitle": "操作",
                        "width": "25%",
                        "render": function (data, type, row) {
                            var str = "<p class='btn-toolbar' style='margin:0px'>"
                                + "<a class='btn btn-warning btn-xs btn-width' style='width:60px' href='coupon_detail_list.html?couponId=" + row.id + "'><i class='fa fa-arrow-circle-o-up'></i>详细</a>"
                                + "<a class='btn btn-warning btn-xs btn-width btn-qrCode' style='width:60px' batch_id = '" + row.id + "'><i class='fa fa-arrow-circle-o-up'></i>二维码</a>"
                                + "<a class='btn btn-success btn-xs btn-width btn-batch' style='width:80px' batch_id = '" + row.id + "'><i class='fa fa-arrow-circle-o-up'></i>批量发放</a>";
                            if ($.getTimeStamp(row.startDate) < 0) {
                                str += "<a class='btn btn-warning btn-xs btn-width' style='width:60px' href='coupon_detail_list.html?couponId=" + row.id + "'><i class='fa fa-arrow-circle-o-up'></i>编辑</a>";
                            }
                            str += "<a class='btn btn-danger btn-xs btn-width btn-delete' style='width:80px' batch_id = '" + row.id + "'><i class='fa fa-arrow-circle-o-up'></i>删除</a>";
                            +"</p>";
                            return str;
                        }
                    }]
            });
            $mainDataTable = $("#db_coupon_list").dataTable(dtSetting);
        };

        var getQrCode = function () {
            var batchId = $(this).attr("batch_id");
            var url = "pages/coupon/coupon?id=" + batchId + "&v=" + Date.now();
            $.ajax({
                type: "get",
                url: App.getContextPath() + "admin/coupon/getSmallCouponQRCode.do",
                data: {
                    url: url,
                    couponId: batchId
                },
                async: true,
                success: function (result) {
                    $("#qrCode").attr("src", result.qrCode)
                    $("#qrCode_config").modal("show");
                }
            });
        }

        var sendBatch = function () {
            $.clearInput();
            $("#batchSetting_form .form-group").removeClass("has-error");
            var batchId = $(this).attr("batch_id");
            $("#batchSetting_form [name=couponBatchId]").val(batchId);
            var tr = $(this).closest("tr");
            var couponTitle = $.trim(tr.find(".couponTitle").text());
            $("#couponTitle").text(couponTitle);
            var faceValue = $.trim(tr.find(".faceValue").text());
            $("#batchSetting_form [name=firstData]").val("您有" + faceValue + "元优惠券已到账");
            $("#batchSetting_form [name=keyword1]").val("壹果商城账号");
            var validDate = $.trim(tr.find(".validDate").text());
            var startDate, endDate, now = new Date();
            if (validDate.indexOf("至") != -1) {
                var arr = validDate.split("至");
                startDate = $.trim(arr[0]);
                endDate = $.trim(arr[1]);
            } else {
                startDate = $.getLocalDate(now);
                var date = new Date(now.getTime() + 1000 * 60 * 60 * 24 * validDate);
                endDate = $.getLocalDate(date);
            }
            $("#batchSetting_form [name=keyword2]").val("有效期" + startDate + "至" + endDate);
            $("#batchSetting_form [name=link]").val("http://m.yiigoo.com/mall/index.html?sourceCode=" + $.getLocalDate(now));
            var receiveType = $.trim(tr.find(".receiveType").text());
            $("#receiveType").text(receiveType);
            $("#batchSetting_form [name=testUserName]").val("15811543437");
            $("#box-config .bt-save").attr("disabled", "disabled");
            $("[name=remark]").val(remarkData);
            $("#box-config").modal("show");
            // var batchId = $(this).attr("batch_id");
            // $.confirm("确认批量发放该优惠券？", function(){
            // 	$.post(App.getContextPath() + "admin/coupon/sendBatchCoupon.do", {couponBatchId: batchId}, function(result){
            // 		if (result.type == "success") {
            // 			$.alert("已发送成功" + result.extra + "张优惠券");
            // 		} else {
            // 			$.alert(result.content);
            // 		}
            // 	});
            // });
        }

        var testSendCoupon = function () {
            if ($("#batchSetting_form [name=testUserName]").val() == "") {
                $("#batchSetting_form [name=testUserName]").parents(".form-group").addClass("has-error");
                return false;
            }
            sendBatchCoupon("test");
        }

        var sendBatchCoupon = function (option) {
            if (option && option != "test") {
                $("#box-config .bt-save").attr("disabled", true);
            }
            if ($("#batchSetting_form [name=firstData]").val() == "") {
                $("#batchSetting_form [name=firstData]").parents(".form-group").addClass("has-error");
                return false;
            }
            if ($("#batchSetting_form [name=link]").val() == "") {
                $("#batchSetting_form [name=link]").parents(".form-group").addClass("has-error");
                return false;
            }
            var formJson = $("#batchSetting_form").serializeObject();
            if (!option || option != "test") {
                formJson.testUserName = "";
            }

            $.post(App.getContextPath() + "admin/coupon/sendBatchCoupon.do", formJson, function (result) {
                if (result.type == "success") {
                    if (option && option == "test") {
                        $("#box-config .bt-save").removeAttr("disabled");
                        $.alert("发放成功，共发放" + result.extra);
                    } else {
                        $.alert("发放成功，共发放" + result.extra);
                        $("#box-config").modal("hide");
                    }
                } else {
                    $.alert(result.content);
                }
            });
        }
        var getRemark = function () {
            $.get(App.getContextPath() + "admin/coupon/getCouponPage.do", function (result) {
                remarkData = result.extra.title;
                $("[name=remark]").val(remarkData);
            });
        }
        var delCoupon = function () {
            var id = $(this).attr("batch_id")
            $.confirm("确定删除此优惠券", function () {
                $.post(App.getContextPath() + "admin/coupon/deleteCouponById.do", {id: id}, function (result) {
                    if (result.type == "success") {

                        $.alert("删除成功");
                        searchCoupon();
                    } else {
                        $.alert(result.content);
                    }
                });

            })
        }
        return {
            init: function () {
                $.initDate($("#form_coupon"), -30, 31);
                $("#status_select").select2({placeholder: "选择状态"});

                $(".search").click(searchCoupon);
                $("#db_coupon_list").on("click", ".btn-qrCode", getQrCode);
                $("#db_coupon_list").on("click", ".btn-batch", sendBatch);
                $("#db_coupon_list").on("click", ".btn-delete", delCoupon);
                $("#box-config .bt-save").click(sendBatchCoupon);
                $("#box-config .bt-test").click(testSendCoupon);
                $("#batchSetting_form [name=firstData]").blur(function () {
                    if ($(this).val() != "") {
                        $(this).parents(".form-group").removeClass("has-error");
                    }
                });
                $("#batchSetting_form [name=link]").blur(function () {
                    if ($(this).val() != "") {
                        $(this).parents(".form-group").removeClass("has-error");
                    }
                });
                $("#batchSetting_form [name=testUserName]").blur(function () {
                    if ($(this).val() != "") {
                        $(this).parents(".form-group").removeClass("has-error");
                    }
                });
                searchCoupon();
                getRemark();
            }
        }
    }();

    $(function () {
        $("#header").load("../head.html");
        App.init(); //Initialise plugins and elements
        Coupon.init();
    });
</script>
<!-- /JAVASCRIPTS -->
</body>
</html>